import { useState } from "react"

//兄弟传参的思路：由一个子组件传参给父组件，再由父组件传参给另一个子组件
function A({onSend}) {
  return (
    <button onClick={()=>onSend('我给兄弟传值吧')}>点击我把值传给父亲，然后父亲再传值给兄弟</button>
  )
}
function B({msg}) {
  return <div>{msg}</div>
}
function App() {
  let [msg,setMsg]=useState('')
  const getMsg=(msg)=>{
    setMsg(msg)
  }
  return (
    <div className="App">
      <A onSend={getMsg}/>
      <B msg={msg}/>
    </div>
  );
}

export default App;
